<template>
  <!-- 合作伙伴详情 -->
  <div class="parthers-details">
    <div class="base-width cate-container">
      <Breadcrumb>
        <BreadcrumbItem to="/">首页</BreadcrumbItem>
        <BreadcrumbItem>合作伙伴/ {{ result.partnerName }}</BreadcrumbItem>
      </Breadcrumb>
    </div>

    <div class="parthers-box">
      <div class="parthers-head">
        <h6>{{ result.partnerName }}</h6>
      </div>
      <div class="parhters-info" v-html="result.partnerDesc"></div>
    </div>
    <Footer :top="75"></Footer>
  </div>
</template>
<script>
import { getPartnerId } from "@/api/otwoo.js";
import Footer from "@/components/footer/my_footer.vue";
export default {
  components: { Footer },
  data() {
    return {
      id: this.$route.query.id,
      result: {},
    };
  },
  mounted() {
    this.getDetails();
  },
  methods: {
    getDetails() {
      getPartnerId(this.id).then((res) => {
        const { code, result } = res;
        if (code == 200) {
          this.result = result;
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.base-width {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.cate-container {
  background-color: #eee;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  margin-top: 10px;
}
.parthers-details {
  min-height: calc(100vh - 80px);
  background-color: #eee;

  .parthers-box {
    padding: 0px 150px;
    min-height: calc(100vh - 200px);
    .parthers-head {
      position: relative;
      padding: 45px 0;
      h6 {
        font-size: 28px;
        color: #333333;
        text-align: center;
        font-weight: normal;
      }
      .time {
        text-align: center;
        color: #666;
        span {
          margin: 0 20px;
        }
      }
    }

    .parhters-info {
      font-size: 14px;
      color: #333333;
      line-height: 28px;
      text-indent: 2rem;
      text-align: center;
      img {
        display: block;

        border-radius: 4px;
        margin: 20px auto;
      }
    }
  }
}
</style>
